<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<h1>hello</h1>
	<script type="text/javascript">
		/*
			1.js严格区分大小写,每句话最后最好加个; 英文分号(不加也没事，浏览器会帮我们加上)
			2.js里引号和双引号没有任何区别，都表示字符串
			3.页面输出


				*/
		// alert("还有六天放假")
		// Alert("清明")

		// window 表示浏览器打开的窗口 window.aleart..可以省略
		// document 表示的是给定浏览器窗口的html文档，document是window的一个对象属性 
		// 1.开发者工具控制台输出
		window.console.log('hello world')
		console.log(window)
		// 警告
		console.warn("快跑")
		// 错误提示
		console.error("爆炸了")
		// console.dir输出具体内容,打印所有的属性和方法
		// 获取h1
		var dom = document.querySelector('h1')
		console.log(dom)
		console.dir(dom)

		// 2.通过弹窗
		 // aleart("弹出") 
		 // 一个确定按钮 会阻断程序的运行
		 // console.log

		// var a = confirm("请输入你的银行卡密码")
		// console.log("密码是",a)	

		// prompt 一个输入框 两按钮
		// var b = prompt("请输入银行卡密码")
		// console.log("密码是", b)

		// 3.输出到网页上
		document.write("333")
		document.write("<h2 style='color:red'>登基</h2>"	)
		// 注意：如果文档全部加载完毕，再去执行document.write，会覆盖原来的内容
		// window。onload是文档加载完之后再去执行，这时候文档流以及关闭了。在执行document.write，只能重新创建一个新的html文档流，写入新内容，所以会覆盖
		window.onload = function(){
			document.write("<h3>hahahha</h3>")
		}
</script>
</body>
</html>